/*
webpack配置文件
 */

const {resolve} = require('path')

module.exports = {
  entry: './src/index.js', // 入口文件
  output: {
    filename: "bundle.js",
    path: resolve(__dirname, 'build')  // 输出路径，一般使用resolve来指定
  },
  // Loader的配置
  module: {
    rules: [
      // 详细loader的配置
      {
        test: /\.css$/,
        use: [ // use顺序，是从后向前
          'styles-loader',  // 创建<styles>，将样式字符串插入
          'css-loader',  // 将css文件变成commonjs模块，加载到js中，里面是样式字符串
        ]
      },
      {
        // 处理less
        test: /\.less$/,
        use: ['styles-loader', 'css-loader', 'less-loader']
      }
    ]
  },
  // plugins配置
  plugins: [],
  mode: 'development',
}